<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>${msg['sys.sysname'] } - ${msg['sys.sysTitle']}</title>
<meta content="beny" name="autor">
<jsp:include page="/inc/public_res.jsp"></jsp:include>
<script>
$(function(){
	//调换north区域的header位置以及添加hereico
	var header = $('#syshead').panel('header');
	var body = $('#syshead').panel('body');
	body.after(header).after('<img src="static/images/main/hereico.png" class="hereico">');
	
	$('.sysnav li').hover(function(){
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	});
});
</script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false,headerCls:'navtHeader'" title="您的当前位置：系统桌面" style="height:100px;" id="syshead" class="layout-panel-north">
		<div class="syslogo"><img src="static/images/main/shlogo.png"/></div>
		<div class="sysnav">
			<ul>
				<li class="selected">综合展示</li>
				<li>二维展示</li>
				<li>数字站场</li>
				<li>巡线管理</li>
				<li>三维虚拟实现</li>
				<li>报表管理</li>
				<li>完整性数据管理</li>
				<li>系统维护</li>
			</ul>
		</div>
		
		<div class="sysinfo">
			2012年11月5日 22时10分 欢迎 机构名称 用户! 【<a href="#">注销</a>】
		</div>
	</div>
	<img src="images/hereico.png" style=" float: left; left: 0; top: 0;">
	<div data-options="region:'south',border:false" class="footer">
		<div class="content left">
		<span><a href="#">系统帮助</a> | <a href="#">站点地图</a> | <a href="#">联系我们</a> | <a href="#">关于管道</a></span>
		</div>
		<div class="content right">Copyright 2012 @ 石化盈科信息技术有限责任公司</div>
	</div>
	<div data-options="region:'center',border:false" style="overflow:hidden;padding:0 5px;">
		<div class="easyui-layout" data-options="fit:true,border:false">
			<div data-options="region:'west',headerCls:'navHeader',border:false" title="综合展示" style="width:193px;overflow:hidden;border-bottom:5px solid #2C8FD9;">
				<div class="easyui-accordion" data-options="fit:true,border:false">
					<div title="综合仪表盘" class="easyui-accordion-div" iconCls="icon-search">
						<ul id="tree"></ul>
					</div>	
					<div title="领导仪表盘" class="easyui-accordion-div" iconCls="icon-search">
						content2
					</div>
					<div title="专业统计分析" class="easyui-accordion-div" iconCls="icon-search">
						content3
					</div>
				</div>
			</div>
			<div data-options="region:'center',border:false" style="overflow:hidden;border-bottom:5px solid #2C8FD9;padding-left: 5px;">
				<div class="easyui-tabs" data-options="fit:true,border:false" id="tabs">
					<div title="系统桌面" class="easyui-tabs-div" iconCls="icon-search"> 
						
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>